/***************************************************
				Lessons Page Content
***************************************************/
#content{
	width:940px;
	margin:0px auto;

	padding:0px;
	text-align:left;/** for old browsers*/
	font-size:16px;
	color: #666666;
}

#group_lessons_left{
	width:600px;
	margin-right:30px;
	float:left; /** !!! OBTEKANIE SPRAVA!!!*/
	padding-bottom:50px;
	/** background-color:#23f5a4;*/
}

#group_lessons_right{
	width:310px;
	float:right;
	padding-bottom:50px;
	/** background-color:#af35a4;*/
}

#content .topic_list{
	margin:0px;
	padding:0px;
	text-indent: 30px; 
	text-align:left;
	padding-bottom:10px;
}
#content .topic_list a{
	font-size:20px;
	color: #663366;
	text-decoration:none;
}

#content .description{
	text-indent: 30px; 
	text-align:justify;
	padding-top:15px;
	padding-bottom:30px;
}

#content .description a{
	font-size:20px;
	color: #663366;
	text-decoration:none;
}

.lessons_list img{
	float:left; 
	margin-right:10px;
	margin-top:-10px;
}
#group_lessons_left  .lessons_list{
	padding-bottom:50px;
}

#group_lessons_right  .lessons_list{
	padding-bottom:15px;
}

#group_lessons_right .lessons_dates{
	margin:0px;
	padding:0px;
	text-indent:0px; 
}

.lessons_list a{
	font-size:20px;
	color: #663366;
	text-decoration:none;
}

#content a:hover {color:#996699;}

.purple_topic_name{
	font-size:28px;
	color:#00CCFF;
	padding-top:20px;
	text-align:center;
}
.lesson_logo{
	margin-top:-15px;
	padding-bottom:30px;
	text-align:center;
}





/***************************************************
				       Login
***************************************************/

.group_login_left {
	float:right;

	padding-right:80px;
	/**background-color:#2895a4;*/
}

.group_login_right{
	float:left;
	width:310px;
	/**background-color:#12a5f2;*/
}

.login-type{
	text-align:center;
	font-size:18px;
	color:#00CCFF;
}

.login-alert-error{
	font-size:16px;
	color:#FF0000;
}

.login-alert-success{
	font-size:18px;
	color:#666666;
}

.field {
	clear:both; 
	text-align:right; 
	line-height:25px;
	color: #666666;
}
.field  label {
	float:left; 
	padding-right:10px;
}

.login-button { 
	text-align:center;
}
.login-button button { 

	text-align:center;
	margin-top:10px;
	font-size: 20px;
	background-color:#00CCFF;
	padding: 7px;
	color:white;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 0px #663366;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	text-decoration:none;
	cursor: pointer;
}
.login-button button:hover { 
color:#996699;
}

.registration{
	margin-top:10px;
	text-align:center;
}
.registration h3 a{

	text-align:center;
	margin-top:10px;
	font-size: 20px;
	background-color:#00CCFF;
	padding: 7px;
	color:white;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 0px #663366;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	text-decoration:none;
	cursor: pointer;
	}
.registration h3 a:hover {color:#996699;}

.login_social{
	margin-top:30px;
	margin-bottom:60px;
	clear:both; 
	text-align:left; 
	color: #666666;
	
}
.login_social img {
	float:right; 
	margin-right:60px;
	margin-top:-30px;
}

/***************************************************
				       Registration
***************************************************/

.registration_panel{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;;
}
.registration_labels{
	width:350px;
	margin-left:auto;
	margin-right:auto;
}
.registration_field {
	clear:both; 
	text-align:right; 
	line-height:25px;
	color: #666666;
	padding-right:50px;
}
.registration_field  label {
	padding-right:10px;
}


/***************************************************
				       Registration
***************************************************/


.unknown{
	text-align:center;
	font-size:18px;
	color: #666666;
}
.exceptionMessage{
	text-align:center;
	color:#666666;
}
.exceptionMessage p{
	text-align:center;
	font-size:18px;
	color:#FF0000;
}

/***************************************************
				      Lessons
***************************************************/


#lessons_page{
	width:940px;
	margin:0px auto;

	padding:0px;
	text-align:left;/** for old browsers*/
	font-size:16px;
	color: #666666;
}

#vertical_menu{
	width:300px;
	text-align:left;
	float:left; /** !!! OBTEKANIE SPRAVA!!!*/
	padding-bottom:50px;
}


#vertical_line_separator{
	height:982px;
	width:23px;
	background:transparent;
	float:left;
	background: url(../images/vertical_line.png) -18px 0  no-repeat;

}

#lessons_content{
	width:617px;
	float:right;
	padding-bottom:50px;
}
#vertical_menu ul { /** for testing */
	padding-top:5px;
	padding-left:10px;
}
#vertical_menu ul li { /** for testing */
	margin-top:10px;
	
}
#vertical_menu ul li a{
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color: #663366;
	text-transform:capitalize;
	font-weight:normal;
	padding-left:10px;
	background-color:transparent;
	margin-top:10px;
	margin-right:0px;
	text-decoration:none;

}

#vertical_menu ul li a:hover{
	color: #996699;

}
#vertical_menu ul li a.current{
	background-color:#00CCFF;
	padding:10px;
	color:white;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


.current_lesson_logo {
	text-align:right; 
	margin-top:-10px;
}